<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title>燃情世界杯</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/zepto.min.js"></script>
    <script src="js/script.js"></script>
    <script src="js/iscroll-zoom.js"></script>
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
</head>

<body>
<div class="bg" style="background-image: url('images/index/ppbg.jpg')">
    <div class="slogan">
        <div class="slogan_inner">
            <div class="slogan_tit">
                <p>挑选你最喜欢的加油口号吧！</p>
            </div>
            <div class="slogan_list">
                <ul>
                    <li class="active">
                        <p> 中国足球队，永远爱你不变！</p>
                    </li>
                    <li>
                        <p> 激情燃烧,飞扬梦想。</p>
                    </li>
                    <li>
                        <p> 享受快乐,享受足球。</p>
                    </li>
                    <li>
                        <p> 给你力量，给我希望；<br/>
                            给你欢呼，给我精彩！</p>
                    </li>
                    <li>
                        <p> 精彩无限，尽在球场！</p>
                    </li>
                </ul>
            </div>
            <div class="slogan_btn">
                <a href="show.html" > 返回 </a>
                <a href="" > 合成海报 </a>
            </div>
        </div>
    </div>
</div>
</body>
<script src="js/index.js"></script>
<script language="JavaScript">
    $(".slogan_list li").click(function(){
        $(this).addClass('active').siblings().removeClass('active');
    })
</script>

</html>
